<template>
  <div>
    <div class="header">
      <nuxt-link to="/" class="nav">首页</nuxt-link>
      <nuxt-link to="/list" class="nav">列表</nuxt-link>
      <nuxt-link to="/detail/index" class="nav">详情</nuxt-link>
    </div>

    <nuxt></nuxt>
  </div>
</template>

<script>
  export default {
    data() {
      return {}
    }
  }
</script>

<style scoped>
  .header {
    position: fixed;
    top: 0;
    z-index: 22;
    background: #000;
    width: 100%;
    text-align: center;
    line-height: 3;
  }
  .nav {
    font-size: 20px;
    margin: 0 10px;
    color: #fff;
  }


</style>
